<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="common/head.jspf" %>
        <link href="css/commodity.css" rel="stylesheet"/>
        <link href="css/style.css" rel="stylesheet"/>
        <style type="text/css">
            .zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
            .zoomMask{position:absolute;background:url("/img/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
        </style>
        <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="/js/jquery.SuperSlide.2.1.1.js"></script>
        <script type="text/javascript" src="/js/jquery.imagezoom.js"></script>
    </head>
    <body class="pg-floor-new-v2">

        <header class="site-mast" >
            <div class="site-mast__user-nav-w">
                <div class="site-mast__user-nav cf" style="width:1000px;">
                    <ul class="basic-info">
                        <li class="site-mast__keep">
                            <a rel="nofollow" class="fav" href="javascript:void(0)" onclick="shoucang(document.title, 'http://www.cn7080.com' );">
                                <i class="fa fa-star-o cursor"></i> 收藏
                            </a>
                            <script language="javascript">
                                $(".fa-star-o").mouseover(function () {
                                    $(this).removeClass("fa-star-o");
                                    $(this).addClass("fa-star");
                                    $(this).css("color", "#f76120");
                                });
                                $(".fa-star-o").mouseleave(function () {

                                    $(this).removeClass("fa-star");
                                    $(this).addClass("fa-star-o");
                                    $(this).css("color", "#333333");
                                });
                                 function shoucang(sTitle, sURL)
                                {
                                    alert(sTitle);
                                    try
                                    {
                                        window.external.addFavorite(sURL, sTitle);
                                    }
                                    catch (e)
                                    {
                                        try
                                        {
                                            window.sidebar.addPanel(sTitle, sURL, "");
                                        }
                                        catch (e)
                                        {
                                            alert("加入收藏失败，请使用Ctrl+D进行添加");
                                        }
                                    }
                                }
                            </script>
                            
                        </li>
                        <c:choose>
                            <c:when test="${UserBeanSession.user == null}">
                                <li class="user-info cf">
                                    <a class="user-info__login" href="/login.do">登录</a>
                                    <a class="user-info__signup" href="/register/page.do">注册</a>
                                </li>
                            </c:when>
                            <c:otherwise>
                                <li class="user-info cf">
                                    <a class="user-info__login" href="">${UserBeanSession.user.mobile}</a>
                                    <a class="user-info__signup" href="">退出</a>
                                </li>
                            </c:otherwise>
                        </c:choose>
                    </ul>
                    <ul class="site-mast__user-w">
                        <li class="user-orders">
                            <a href="/info.do">
                                <span>我的订单</span>
                            </a>
                        </li>

                        <li class="dropdown dropdown--history">
                            <a class="dropdown__toggle" href="javascript:;">
                                <span>最近浏览</span>
                                <i class="tri tri--dropdown"></i>
                                <i class="vertical-bar"></i>
                            </a>

                            <div class="dropdown-menu dropdown-menu--deal dropdown-menu--history">
                                <ul data-mttcode="Arecent">
                                    <li class="dropdown-menu__item">
                                        <a class="deal-link" href="http://bj.meituan.com/deal/30825585.html" title="优优尚品代金券1张" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/0">
                                            <img class="deal-cover" src="http://p1.meituan.net/80.50/deal/7f358838210f78b8da69080e20e668ea121186.jpg" height="50" width="80"></a>
                                        <h5 class="deal-title">
                                            <a class="deal-link" href="http://bj.meituan.com/deal/30825585.html" title="优优尚品代金券1张" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/0">优优尚品代金券1张</a>
                                        </h5>
                                        <a class="deal-price-w" target="_blank" href="http://bj.meituan.com/deal/30825585.html" gaevent="nav/browsingHistory/0"><em class="deal-price">¥100</em><span class="old-price color-weaken">100</span></a>
                                    </li>
                                    <li class="dropdown-menu__item">
                                        <a class="deal-link" href="http://bj.meituan.com/deal/25116878.html" title="鑫隆四季涮肉2-3人餐" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/1">
                                            <img class="deal-cover" src="http://p1.meituan.net/80.50/deal/__48408157__3099858.jpg" height="50" width="80"></a>
                                        <h5 class="deal-title">
                                            <a class="deal-link" href="http://bj.meituan.com/deal/25116878.html" title="鑫隆四季涮肉2-3人餐" target="_blank" rel="nofollow" gaevent="nav/browsingHistory/1">鑫隆四季涮肉2-3人餐</a>
                                        </h5>
                                        <a class="deal-price-w" target="_blank" href="http://bj.meituan.com/deal/25116878.html" gaevent="nav/browsingHistory/1">
                                            <em class="deal-price">¥98</em><span class="old-price color-weaken">171</span>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                            <script language="javascript">
                                $(".dropdown__toggle").mouseover(function () {
                                    $(".site-mast .dropdown-menu").show();
                                });
                                $(".dropdown__toggle").mouseleave(function () {
                                    $(".site-mast .dropdown-menu").hide();
                                });
                                $(".dropdown-menu").mouseover(function () {
                                    $(".site-mast .dropdown-menu").show();
                                });
                                $(".dropdown-menu").mouseleave(function () {
                                    $(".site-mast .dropdown-menu").hide();
                                });
                            </script>
                        </li>
                        <li class="dropdown dropdown--cart">
                            <a class="dropdown__toggle" href="">
                                <i class="icon icon-cart F-glob F-glob-cart"></i>
                                <span>购物车<em class="badge" data-newIndex="true">
                                        <c:choose>
                                            <c:when test="${UserBeanSession.user == null}">
                                                <strong class="cart-count">0</strong>件</em></span>
                                            </c:when>
                                            <c:otherwise>
                                        <strong class="cart-count">${UserBeanSession.user.cartNum}</strong>件</em></span>
                                    </c:otherwise>
                                </c:choose>

                                <i class="vertical-bar"></i>
                            </a>
                        </li>
                        <li class="dropdown dropdown--help">
                            <a class="dropdown__toggle" href="">
                                <span>联系客服</span>
                                <i class="tri tri--dropdown"></i>
                                <i class="vertical-bar"></i>
                            </a>

                        </li>
                        <li class="dropdown dropdown--merchant">
                            <a class="dropdown__toggle dropdown__toggle--merchant" href="/Manage/login.do">
                                <span>我是商家</span>
                                <i class="tri tri--dropdown"></i>
                            </a>

                        </li>

                    </ul>
                </div>
            </div>
        </header>
<!--        <div style="background:url(img/shop_banner2.png);height:160px;width:1000px;margin: 0 auto;"></div>
        <div class="shop_navigation">

            <div class="shop_navigation_title">
                <span style="padding-left: 10px;">天下首页</span>
                <span style="padding-left:850px;">进入店铺</span>
            </div>

        </div>-->
<div style="background:url(/img/shop/gouwu/02.jpg);height:152px;width:100%;">
            <div style="width:1000px;margin:0 auto;padding-top: 15px;">
                <img src="/img/shop/gouwu/03.png" />
                <label style="font-size: 30px;position: relative;top:-40px;left:10px;" >店铺名称</label>
                <img src="/img/shop/shopwel.png" style="position: relative;top:-15px;left:-110px;"/>
                <label style="position: relative;top:-15px;left:-110px;">"欢迎光临本店，祝您生活愉快!"</label>

                <img src="/img/shop/gouwu/border1.png"  style="position: relative;left:280px;"/>
                <img src="/img/shop/1_03.png"  style="position: relative;left:175px;top:-4px;width: 75px;height:75px;"/>

                <img src="/img/shop/gouwu/border2.png"  style="position: relative;left:240px;"/>
                <img src="/img/shop/1_03.png"  style="position: relative;left:135px;top:-4px;width: 75px;height:75px;"/>

            </div>
            <div style="width:1000px;margin:15px auto 0 auto;" >
                <ul class="shop_daohang">
                    <li><a>首页</a></li>
                    <li><a>店铺推荐</a></li>
                    <li><a>导航一</a></li>
                    <li><a>导航二</a></li>
                    <li><a>导航三</a></li>
                    <li><a style="border-right: 0 solid #fff;">商家位置</a></li>
                </ul> 
                <img src="/img/shop/gouwu/nocollec.png" style="position:relative;top:5px;left:300px;"/>
                <label style="position:relative;top:2px;left:300px;color: #ffdd00;">收藏店铺</label>

            </div>
        </div>
        <div class="content" style="margin: 0 auto;width:1000px;">
            <div class="info_top">
                <div class="infoleft">
                    <div class="picFocus">
                        <div class="bd">
                            <div class="tempWrap" style="overflow:hidden; position:relative; width:467px">
                                <ul style="width: 1868px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                                    <li style="float: left; width: 467px;"><a target="_blank" href="www.SuperSlide2.com"><img src="img/pic1.jpg" class="jqzoom" rel="img/pic1.jpg" alt="img/pic1.jpg"></a></li>
                                    <li style="float: left; width: 467px;"><a target="_blank" href="www.SuperSlide2.com"><img src="img/pic2.jpg" class="jqzoom" rel="img/pic2.jpg" alt="img/pic2.jpg"></a></li>
                                    <li style="float: left; width: 467px;"><a target="_blank" href="www.SuperSlide2.com"><img src="img/pic3.jpg" class="jqzoom" rel="img/pic3.jpg" alt="img/pic3.jpg"></a></li>
                                    <li style="float: left; width: 467px;"><a target="_blank" href="www.SuperSlide2.com"><img src="img/pic4.jpg" class="jqzoom" rel="img/pic4.jpg" alt="img/pic4.jpg"></a></li>
                                    <li style="float: left; width: 467px;"><a target="_blank" href="www.SuperSlide2.com"><img src="img/pic2.jpg" class="jqzoom" rel="img/pic2.jpg" alt="img/pic2.jpg"></a></li>
                                </ul></div>
                        </div>

                        <div class="hd">
                            <ul>
                                <li class="on"><img src="img/pic1.jpg" mid="img/pic1.jpg" big="img/pic1.jpg"></li>
                                <li class=""><img src="img/pic2.jpg" mid="img/pic2.jpg" big="img/pic2.jpg"></li>
                                <li class=""><img src="img/pic3.jpg" mid="img/pic3.jpg" big="img/pic3.jpg"></li>
                                <li class=""><img src="img/pic4.jpg" mid="img/pic4.jpg" big="img/pic4.jpg"></li>
                                <li class=""><img src="img/pic2.jpg" mid="img/pic2.jpg" big="img/pic2.jpg"></li>
                            </ul>
                        </div>

                    </div>
                    <script type="text/javascript">jQuery(".picFocus").slide({mainCell: ".bd ul", effect: "left", autoPlay: true});</script>
                </div>
                <div class="inforight">
                    <div>
                        <p style="font-size:24px;">【慕田峪长城】猎人国际CS</p>
                        <p style="margin-left: 10px;margin-top:20px;">
                            <span style="word-wrap: break-word;font-size:16px;">仅限150元!价值260元的真人cs彩蛋发1次仅售150元！价值260元的真人cs彩蛋200发1次，提供免费WiFi。真人CS 彩弹200发（服装、护具），提供免费wifi</span>
                        </p>
                        <p style="font-size:14px;margin-top:20px;margin-left: 10px;">
                            <span class="sui-text" style="padding-right:5px;">团购价</span>
                            <label style="padding-right:5px;color:red;font-size:22px;">￥150</label>
                            <span style="padding-right:5px;">门店价</span>
                            <del style="padding-right:5px;color:#b3aeae;">￥300</del>
                            <span style="padding-right:5px;">已售</span>
                            <label style="padding-right:5px;color:red;font-size:16px;">86</label>
                        <p>
                        <p style="font-size:14px;margin-top:20px;margin-left: 10px;"><span style="float:left;">颜色分类</span>
                        <div class="items">
                            <div style="float:left;margin:0 5px 5px 5px;"><img src="img/pic1.jpg"></div>
                            <div style="float:left;margin:0 5px 5px 5px;"><img src="img/pic2.jpg"></div>
                            <div style="float:left;margin:0 5px 5px 5px;"><img src="img/pic3.jpg"></div>
                            <div style="float:left;margin:0 5px 5px 5px;"><img src="img/pic4.jpg"></div>
                            <div style="float:left;margin:0 5px 5px 5px;"><img src="img/pic2.jpg"></div>
                        </div>
                        </p>
                        <div class="clear"></div>
                        <div style="margin:20px 0;margin-left: 10px;">
                            <span style="float:left;">套餐类型</span>
                            <div class="item" >
                                <div style="float:left;margin:0 5px 5px 5px;">
                                    <a href=""><span>标配2万单子</span></a></div>
                                <div style="float:left;margin:0 5px 5px 5px;"><a href=""><span>升级2万单子</span></a></div>
                                <div style="float:left;margin:0 5px 5px 5px;"><a href=""><span>精英2万单子</span></a></div>
                                <div style="float:left;margin:0 5px 5px 5px;"><a href=""><span>终极2万单子</span></a></div>
                                <div style="float:left;margin:0 5px 5px 5px;"><a href=""><span>超级2万单子</span></a></div>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div style="margin:20px 0;margin-left: 10px;"><span>数量</span>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <img src="img/minus.png" style="vertical-align:middle">
                            <input type="text" value="1" style="height:28px;width:56px;text-align:center;" />
                            <img src="img/add.png" style="vertical-align:middle">&nbsp;<span>件(库存2件)</span>

                        </div>
                        <div style="margin:20px 0;margin-left: 5px;">
                            <img src="img/com_notice.png" style="float:left;border:1px solid #e6e6e6;">
                            <span style="display:block;width:350px;float:left;padding-left:10px;border:1px solid #e6e6e6;height:76px;line-height:38px;">亲爱的用户，本次团购有效期延迟至2016年04月07日，感谢您的支持，祝消费愉快。</span>
                        </div>
                        <div class="clear"></div>
                        <div style="margin-top:20px;margin-left: 5px;">
                            <span> 
                                <a href="javascript:void(0);" style="width:180px;height:40px;font-size:20px;padding:6px 40px;color: #fff;background-color:#e0244d;text-decoration:none;">立即购买</a></span>
                            <span style="margin-left: 30px;">
                                <a href="javascript:void(0);"
                                   style="width:180px;height:40px;font-size:20px;padding:6px 40px;color: #fff;background-color:#e0244d;text-decoration:none; ">加入购物车</a></span></div>
                    </div>

                </div>
            </div>
            <div class="info_under"></div>
        </div>
        <div id="xuxian"></div>	
        <div class="slideTxtBox">
            <div class="hd">
                <ul><li>商品详情</li><li>商家位置</li><li>购买须知</li></ul>
            </div>
            <div class="bd">
                <ul><img src="img/u556.jpg"><img src="img/u556.jpg">

                </ul>
                <ul><img src="img/u558.png">

                </ul>
                <ul>
                    <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
                    <li><a href="http://www.SuperSlide2.com" target="_blank">2012世界大学排名新鲜出炉</a></li>
                    <li><a href="http://www.SuperSlide2.com" target="_blank">新加坡留学，国际双语课程</a></li>
                    <li><a href="http://www.SuperSlide2.com" target="_blank">高考后留学日本名校随你选</a></li>
                    <li><a href="http://www.SuperSlide2.com" target="_blank">教育培训行业优势资源推介</a></li>
                    <li><a href="http://www.SuperSlide2.com" target="_blank">即刻预约今年最后一场教育展</a></li>
                    <li><a href="http://www.SuperSlide2.com" target="_blank">女友坚持警局完婚不抛弃</a></li>
                </ul>
            </div>
        </div>
        <script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
        <div class="recently_viewed">
            <div style="font-size:20px;text-align:center;padding-top:20px;padding-bottom:10px;"><span>最近浏览</span></div>

            <div class="recently_info">
                <img src="http://p1.meituan.net/320.0.a/deal/732b54efa71258666c5f30be1410b14e100109.jpg">
                <div class="shopinfo_tro">
                    <div>反恐联盟真人CS店</div>
                    <div>单人票2小时一张,提供免费WIFI</div>
                    <div><span style="width:80px;float:left;"><label style="font-size:16px;color:red;padding-right:1px;">￥78</label><del>￥92</del></span><span style="width:80px;float:right;text-align:right;">已售<label>52774</label></span></div>
                </div>
            </div>

            <div class="recently_info">
                <img src="http://p1.meituan.net/320.0.a/deal/732b54efa71258666c5f30be1410b14e100109.jpg">
                <div class="shopinfo_tro">
                    <div>反恐联盟真人CS店</div>
                    <div>单人票2小时一张,提供免费WIFI</div>
                    <div><span style="width:80px;float:left;"><label style="font-size:16px;color:red;padding-right:1px;">￥78</label><del>￥92</del></span><span style="width:80px;float:right;text-align:right;">已售<label>52774</label></span></div>
                </div>

            </div>
        </div>
        <footer class="site-info-w J-br" style="min-height:298px;">
            <div class="site-outer">
                <div class="site-info">
                    <div class="site-info__item">
                        <h3>商务合作</h3>
                        <ul>
                            <li><a rel="nofollow" href="http://pmc.e.meituan.com/public/register/choose" gaevent="footer/seller">商家合作</a></li>
                            <li><a rel="nofollow" href="http://zhaoshang.meituan.com/" gaevent="footer/mmp">美团商家营销平台</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about#contact">市场合作</a></li>
                            <li><a rel="nofollow" href="http://union.meituan.com/" target="_blank">美团联盟</a></li>
                            <li><a rel="nofollow" target="_blank" href="http://mos.meituan.com">美团云</a></li>
                            <li><a rel="nofollow" target="_blank" href="mailto:lianzheng@meituan.com">廉正邮箱</a></li>
                        </ul>
                    </div>
                    <div class="site-info__item">
                        <h3>公司信息</h3>
                        <ul>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/">关于美团</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/commitment/">美团承诺</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/press">媒体报道</a></li>
                            <li><a rel="nofollow" href="http://zhaopin.meituan.com" gaevent="footer/job">加入我们</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/law">法律声明</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/terms">用户协议</a></li>
                        </ul>
                    </div>
                    <div class="site-info__item">
                        <h3>用户帮助</h3>
                        <ul>
                            <li><a rel="nofollow" class="J-selfservice-tab" data-tab="0" href="http://www.meituan.com/help/selfservice">申请退款</a></li>
                            <li><a rel="nofollow" class="J-selfservice-tab" data-tab="2" href="http://www.meituan.com/help/selfservice?tab=2">查看美团券密码</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/help/faq">常见问题</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/help/api">开放API</a></li>
                            <li><a rel="nofollow" href="http://www.meituan.com/about/anticheat">反诈骗公告</a></li>
                        </ul>
                    </div>
                    <div class="site-info__item site-info__item--service">
                        <div class="site-info-service-content">
                            <i class="hotline"></i>
                            <p class="contact-name">客服电话</p>
                            <p class="contact-info">
                                <span class="contact-numbers">400-660-5335</span>
                                <span class="contact-time">(9:00-23:00)</span>
                            </p>
                        </div>
                    </div>
                    <div class="clear"></div> 
                </div>
            </div>
            <div class="copyright">
                <p><span>2016</span><a href="http://www.meituan.com/">美团网团购</a> meituan.com <a href="http://www.miibeian.gov.cn/" target="_blank">京ICP证070791号</a> 京公网安备11010502025545号<a href="http://www.meituan.com/about/rules" target="_blank"> 电子公告服务规则</a></p>
            </div>
            <ul class="cert cf">
                <li class="cert__item"><a title="备案信息" href="http://www.meituan.com/about/openinfo" hidefocus="true" target="_blank">备案信息</a></li>
                <li class="cert__item"><a rel="nofollow" title="支付宝特约商家" href="javascript:;">支付宝特约商家</a></li>
                <li class="cert__item"><a rel="nofollow" href="http://union.tenpay.com/cgi-bin/trust_mch/ShowTrustMchInfo.cgi?uin=1209236701&amp;uin_type=1" title="财付通诚信商家" hidefocus="true" target="_blank" >财付通诚信商家</a></li>
                <li class="cert__item"><a href="javascript:;" title="可信网站认证" rel="nofollow">可信网站</a></li>
                <li class="cert__item"><a href="javascript:;" title="12315消费争议" rel="nofollow">12315消费争议</a></li>
            </ul>
        </footer>
    </body>
    <script language="javascript">
        $(document).ready(function () {
            $(".jqzoom").imagezoom();
            $(window).scroll(function () {
                if ($(window).scrollTop() > 190) {
                    $(".shop_navigation").addClass("fixedTop");
                    if ($(window).scrollTop() > 630) {
                        var offsetTop = $(window).scrollTop() + 50 + "px";
                        $(".recently_viewed").animate({top: offsetTop}, {duration: 500, queue: false});
                    }
                } else {
                    if ($(".shop_navigation").hasClass("fixedTop")) {
                        $(".shop_navigation").removeClass("fixedTop");
                    }
                }

            });
        });
    </script> 
</html>
